<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width" />
		<title>header</title>
		<!--<link rel="stylesheet" type="text/css" href="../css/common.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<style type="text/css">
			html,
			body {
				height: 100%;
				width: 100%;
			}
			#wrap {
				height: 100%;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-flex-flow: column;
				flex-flow: column;
			}
			#main {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}
			.mui-tab-item {
				background-color: #3E9FEC;
				padding: 15px;
			}
			.mui-bar-tab .mui-tab-item.mui-active {
				line-height: 0px;
			}
		</style>
		<script src="../script/app.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>

		<div id="wrap">
			<header id="header" class="mui-bar mui-bar-nav">
				<a class="mui-icon mui-pull-lefty" onclick="api.closeWin()"><img src="../image/cancle.png" style="height: 24px;" /></a>
				<h1 class="mui-title">选择科目</h1>
				<a class="mui-icon mui-pull-right" onclick="api.closeWin()"><img src="../image/ok.png" style="height: 24px;" /></a>
			</header>
			<div id="main">
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script src="../script/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		apiready = function() {
			var data = api.pageParam;
			//			alert(JSON.stringify(data));
			var header = $api.byId('header');
			$api.fixIos7Bar(header);
			var header_h = $api.offset(header).h;
			var main = $api.byId('main');
			var main_h = $api.offset(main).h;
			var rect_h = main_h - header_h;
			api.openFrame({
				bounces: false,
				name: 'selectcourse-con',
				url: 'selectcourse-con.html',
				pageParam: data,
				rect: {
					x: 0,
					y: header_h,
					w: 'auto',
					h: rect_h
				}
			});
		}
	</script>

</html>